<template>
    <view class="container flex flex-col min-h-screen bg-[#ffeeee]">
      <header class="py-6 text-center tracking-widest text-gray-500 text-xl">LOGIN</header>
      <view class="logBox mt-32  mx-4 p-4">
        <view class="title my-2 text-gray-600">Email</view>
        <input class="bg-[#fefefe] px-4 h-12 rounded-lg mb-4" type="text">
        <view class="flex justify-between  my-2 text-gray-600">
            <view>Password</view>
            <view>forget?</view>
        </view>
        <input class="bg-[#fefefe] px-4 h-12 rounded-lg " type="text">
      </view>
      <button @tap="login" class=" mx-8  h-12 bg-[#243b6b] text-white mt-2">Login</button>
      <view @tap="register" class=" text-center font-bold text-lg underline text-[#243b6b] my-4 "> New User?Register Here</view>
    </view>
</template>

<script setup>
const login = ()=>{
  uni.switchTab({
    url:"/pages/mine/index"
  })
}
const register = ()=>{
  uni.navigateTo({
    url:"/subpackage/register/register"
  })
}
</script>

<style lang="scss">

</style>
